<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|个人信息</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/user_info.css">
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">个人信息</li>
        <li>修改密码</li>
        <li>设置</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <!-- 修改邮箱表单 -->
            <form class="layui-form" action="" id="emailForm" lay-filter="emailForm">
                <div class="layui-form-item">
                    <label class="layui-form-label">昵称</label>
                    <div class="layui-input-inline" style="width: 210px;">
                        <input type="text" name="nickName" id="nickName" required lay-verify="required|nickname"
                               placeholder="请输入昵称"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-inline" style="width: 210px;">
                        <input type="text" name="email" id="email" required lay-verify="required|email"
                               placeholder="请输入邮箱"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">验证码</label>
                    <div class="layui-input-inline" style="width:132px;">
                        <input type="text" name="code" required lay-verify="required" placeholder="请输入验证码"
                               autocomplete="off" class="layui-input">
                    </div>
                    <input type="button" class="layui-btn layui-btn-sm layui-btn-danger"
                           style="margin-top:4px;width: 68px;" onclick="sendEmailCode(this)" value="点击获取">
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="updateEmail">立即提交</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="layui-tab-item">
            <!-- 修改密码表单 -->
            <form class="layui-form" action="" id="passwordForm" lay-filter="passwordForm">
                <div class="layui-form-item">
                    <label class="layui-form-label">新密码</label>
                    <div class="layui-input-inline" style="width: 210px;">
                        <input type="password" name="newPassword" id="newPassword" required lay-verify="required|password"
                               placeholder="输入6~16个字符，区分大小写"
                               autocomplete="off"
                               class="layui-input">
                        <div id="pwdValid" class="pwdValid">
                            <em class="prev">安全：</em>
                            <span></span>
                            <span></span>
                            <span></span>
                            <em class="name">低</em>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">验证码</label>
                    <div class="layui-input-inline" style="width:110px;">
                        <input type="text" name="code" required lay-verify="required" placeholder="请输入验证码"
                               autocomplete="off" class="layui-input">
                    </div>
                    <input type="button" class="layui-btn layui-btn-sm layui-btn-danger"
                           style="margin-top:4px;width: 90px;" onclick="validEmail(this)" value="点击邮箱验证">
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="updatePassword">立即提交</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="layui-tab-item">
            <!-- 设置表单 -->
            <form class="layui-form" action="" id="settingForm" lay-filter="settingForm">
                <div class="layui-form-item">
                    <label class="layui-form-label">搜索</label>
                    <div class="layui-input-inline" style="width: 60px;">
                        <input type="checkbox" name="searchStyle" lay-skin="switch" lay-text="开启|关闭" value="1" lay-filter="searchStyleSwitch">
                    </div>
                    <div class="layui-form-mid layui-word-aux">搜索时内容将以书签模式展示</div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">链接收藏</label>
                    <div class="layui-input-inline" style="width: 60px;">
                        <input type="checkbox" name="favoriteLink" lay-skin="switch" lay-text="开启|关闭" value="1" lay-filter="favoriteLinkSwitch">
                    </div>
                    <div class="layui-form-mid layui-word-aux">自动收藏链接，需要开启剪贴板权限</div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">重置排序</label>
                    <div class="layui-input-inline" style="width: 60px;padding-top: 6px;">
                        <button style="height: 26px;line-height: 26px;" class="layui-btn layui-btn-sm layui-btn-danger" type="button" id="resetSort">重置</button>
                    </div>
                    <div class="layui-form-mid layui-word-aux">重置后，系统内的排序将不再生效，需要重新排列</div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">智能检测</label>
                    <div class="layui-input-inline" style="width: 60px;">
                        <input type="checkbox" name="smartAi" lay-skin="switch" lay-text="开启|关闭" value="1" lay-filter="smartAiSwitch">
                    </div>
                    <div class="layui-form-mid layui-word-aux">智能检测会自动检测失效链接，并提醒保留或删除</div>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script src="plugin/md5.min.js"></script>
<script src="js/user_info.js"></script>
</body>
</html>
